$("#header").html(`
<!--头部-->
  <div class="fl logo">
    <a href="../index.html">
      <img src="../assets/images/header_logo.png" alt="header_logo" />
    </a>
  </div>
  <div class="app fr">
    <a href="">
      <img src="../assets/images/header_app.png" alt="header_app" />
    </a>
  </div>
`);

$("#header2").html(`
<!--头部-->
<a href="../index.html" class="back fl">〈</a>
<h4>省钱控-最新优惠</h4>
<div class="app fr">
  <a href="">
    <img src="../assets/images/header_app.png" alt="" />
  </a>
</div>`);

$("#search").html(`
<!--搜索-->
<div class="searchbox">
<input type="text" name="" placeholder="请输入你想比价的产品" />
<button></button>
</div>
`);

$("#footer").html(`
<!--底部-->
  <div class="more">
    <a href="">更多优惠信息>></a>
  </div>
  <div class="chart clearfix">
    <span class="chart_in fl">品牌排行</span>
    <span class="more fr">
      <img src="../assets/images/more.png" alt="more" />
    </span>
  </div>
  <div class="login">
    <div class="container">
      <div class="row">
        <a href="">
          <div class="col-xs-3">登入</div>
        </a>
        <a href="">
          <div class="col-xs-4">注册</div>
        </a>
        <a href="#" onclick='scrollBack()'>
          <div class="col-xs-5">返回顶部</div>
        </a>
      </div>
    </div>
    <div class="content_b">
      <p>
        <a href="#">手机APP下载</a>
        <a href="#">万锋智慧商城手机版</a>
        -- 掌上比价平台
      </p>
      <p>chst.vip:8081/crm</p>
    </div>
  </div>
`);

function scrollBack() {
  $("html").animate({ scrollTop: 0 }, 100, "swing");
}
